<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" value="点我" onclick="on()" > <br>
<input type="button" value="再点我" id="btn">


<script>
    /**
     * 怎么玩事件
     *     1先找事件源
     *       第一个标签当事件源
     *     2绑定事件
     *       在事件源标签中 加一个属性  onXxx()
     *       onclick=""  给这个标签绑上点击事件。
     *     3 如果事件被触发  如果点击了这个标签 就应该产生一些代码执行
     *       行为定义在方法上
     */
     function on(){
         alert("我被点了~")
     }

     var btn = document.getElementById("btn");//找到事件源

    btn.onclick=function(){ alert("我也被点了")}


</script>
</body>
</html>